<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="" />
		<meta name="author" content="" />
		<title>预警</title>
		<link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/sidebar.css" />
		<link rel="stylesheet" href="css/mobile.css" />
		<script src="lib/jQuery/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/sidebar.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/EarlyWaring.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="wrapper">
			<!--头部  banner  start-->
			<div class="banner">
				<div class="container">
					<form action="" method="post">
						<div class="form-group pull-right topbar-search">
							<div class="input-group">
						        <input type="text" class="form-control" id="exampleInputAmount" placeholder="请输入搜索内容">
						        <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
						    </div>
						</div>
					</form>
				</div>
			</div>
			<!--头部 banner end-->
			
			<!--导航 start-->
			<div class="nav-bar nav-bg-gradient clearfix">
				<div class="navbar-left gradient pull-left">
					<a href="JavaScript:;">首页</a>
				</div>
				<div class="navbar-center pull-left">
					<ol class="breadcrumb">
						<li>
							<a href="">排行榜</a>
						</li>
						<li>
							<a href="">活跃人物排行</a>
						</li>
					</ol>
				</div>
				<div class="nav-bar-right pull-right">
					<span class="glyphicon glyphicon-th-list"></span>
				</div>
			</div>
			<!--导航 end-->
			
			<!--侧边菜单栏  start-->
			<div class="side-menu">
				<div id="sidebar-menu">
					<ul>
						<li>
							<a href="JavaScript:;">
								<span>排行榜</span>
								<span class="glyphicon glyphicon-menu-left pull-right"></span>
							</a>
							<ul class="list-unstyled">
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>活跃人物排行</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>最热文章排行</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>分类排行</span>
									</a>
								</li>
							</ul>
						</li>
						
						<li>
							<a href="JavaScript:;">
								<span>重点人群信息</span>
								<span class="glyphicon glyphicon-menu-left pull-right"></span>
							</a>
							<ul class="list-unstyled">
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>律师</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>学者</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>媒体人</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>大V</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>民运人士</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>民族</span>
									</a>
								</li>
								<li>
									<a href="JavaScript:;">
										<i class="blue-square"></i>
										<span>其他（涉案）</span>
									</a>
								</li>
							</ul>
						</li>
						
						<li>
							<a href="JavaScript:;">
								<span>专题</span>
							</a>
						</li>
						<li>
							<a href="JavaScript:;">
								<span>辅助功能</span>
							</a>
						</li>
						<li>
							<a href="JavaScript:;">
								<span>预警</span>
							</a>
						</li>
						<li>
							<a href="JavaScript:;">
								<span>简报</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--侧边菜单栏 end-->
			<!--内容  start-->
			<div class="section">
				<div class="content-page">
					<div class="container">
						<div class="row">
							<ul class="nav nav-pills">
							    <li role="presentation" class="active"><a href="#">今日预警</a></li>
							    <li role="presentation"><a href="#">历史预警</a></li>
							    <li role="presentation"><a href="#">特审预警</a></li>
							</ul>
						</div>
						<div class="row warning-list margin-top-15">
							<table class="table">
								<thead>
									<tr>
										<th class="col-lg-1">全选</th>
										<th class="col-lg-6">预警标题</th>
										<th class="col-lg-1">预警规则</th>
										<th class="col-lg-1">预警时间</th>
										<th class="col-lg-1">通知方式</th>
										<th class="col-lg-1">状态</th>
										<th class="col-lg-1">操作</th>
									</tr>
								</thead>
								<tbody class="tbody">
									<!--<tr>
										<td><input type="checkbox" /></td>
										<td>1 [清扫冰雪，美化校园，践行团员本色----大东流中学图总支-志愿服务活动]等1条相关信息</td>
										<td>关键词</td>
										<td>09-16 00:00</td>
										<td>复合</td>
										<td>已推送</td>
										<td>
											<span class="glyphicon glyphicon-list-alt col-lg-2"></span>
											<span class="glyphicon glyphicon-remove col-lg-2"></span>
										</td>
									</tr>-->
								</tbody>
							</table>
						</div>
						<div class="row text-center">
							<nav aria-label="Page navigation">
							  <ul class="pagination">
							    <li>
							      <a href="#" aria-label="Previous">
							        <span aria-hidden="true">&laquo;</span>
							      </a>
							    </li>
							    <li><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li>
							      <a href="#" aria-label="Next">
							        <span aria-hidden="true">&raquo;</span>
							      </a>
							    </li>
							  </ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
